@extends('layouts.app')

@section('content')

    {{--小区列表--}}
    <el-input placeholder="请输入关键字"
              v-model="form.keywords">
        <i slot="suffix" class="el-input__icon el-icon-search" @click="getCommunityList"></i>
    </el-input>
    <el-row class="community-list">
        <el-col class="community-item" v-for="(item, index) in table.list" :key="index">
            <div>
                <el-link type="primary"
                         class="community-name"
                         :href="'/community/detail?id=' + item.id">
                    @{{ item.name }}
                </el-link>
                <el-link class="fr"
                         :href="'/community/edit?id=' + item.id"
                         style="margin-top:6px;">编辑</el-link>
            </div>
            <div class="community-second-name">
                <span class="fl">别名:@{{ item.second_name }}</span>
                <span class="fr">@{{ item.update_time }}更新</span>
            </div>
            <div class="community-price">均@{{ item.average_price }}元/平</div>
            <div class="community-addr">@{{ item.address }}</div>
        </el-col>
    </el-row>
    <el-button type="primary"
               @click="communityAdd"
               class="fix-button">新增</el-button>


    {{--房间详情--}}
    {{--<el-row class="community-detail">
        <el-carousel :interval="3000" arrow="always" height="150px">
            <el-carousel-item v-for="item in 4" :key="item">
                <img src="/pics/1.jpg" alt="" width="100%">
            </el-carousel-item>
        </el-carousel>
        <div class="community-detail-head">
            <div class="community-name">301</div>
        </div>
        <div class="community-detail-content">
            <div class="title">房间信息</div>
            <div class="content">
                面积：126m²<br>
                联系人：小李<br>
                联系人电话：15784848484<br>
                描述：此房间面朝大海，春暖花开，非常适合家人居住。<br>
                备注：房间主人急需出售！！！<br>
            </div>
        </div>
    </el-row>--}}
@endsection

@section('js')
    <script src="/js/community/index.js"></script>
@endsection